草庐IT

HTML 多媒体

全部标签

javascript - Angularjs ng-bind-html-unsafe 替换

我曾经能够使用ng-bind-html-unsafe来输出未净化的代码(因为净化发生在服务器端)。但是现在那个选项不见了?我知道我可以使用$sce.trustAsHtml,但是在unsafe如此易于使用的情况下,将其添加到JavaScript中是一个巨大的痛苦。我如何获得不安全的返回值? 最佳答案 又简单了。App.filter('unsafe',['$sce',function($sce){returnfunction(val){return$sce.trustAsHtml(val);};}]);用法:有关html绑定(bind)

javascript - 在 Javascript 中解析 HTML 的最佳方式

我在学习RegExp和想出一个好的算法来做到这一点时遇到了很多麻烦。我有需要解析的HTML字符串。请注意,当我解析它时,它仍然是一个字符串对象,而不是浏览器上的HTML,因为我需要在它到达那里之前对其进行解析。HTML看起来像这样:GeoserverGetFeatureInfooutputtable.featureInfo,table.featureInfotd,table.featureInfoth{border:1pxsolid#ddd;border-collapse:collapse;margin:0;padding:0;font-size:90%;padding:.2em.1e

javascript - 用jquery解析完整的html页面

我用ajax加载了一个html。我想将结果加载到jquery对象中。我试过了,但它返回null。我怎样才能做到这一点?我得到了一个完整的页面,包括文档类型、head元素和body元素。vartest=$(result);//resultcontainshtmlcodealert(test.html());//returnsnull我用这个函数加载数据。functionajaxLoadContent(element){$.ajax({url:"urltothepage",type:"GET",timeout:5000,datattype:"html",success:function(r

javascript - JQuery History.js 插件不替换 HTML4 和 HTML5 浏览器中一页的状态

我正在使用JQueryHistory.jsplugin在HTML5浏览器中启用HistoryAPI并在HTML4浏览器中模拟。我正在使用Ajaxifyscript实现这个插件。我稍微更改了此脚本,如下所示:varHistory,$,document;functionPrepareVariables(){History=window.History,$=window.jQuery,document=window.document;}functionInitHistory(){//PrepareVariablesvar/*ApplicationSpecificVariables*///co

javascript - 取消分配 flow.js HTML5 上传组件上的浏览按钮

随着flow.js我们可以像这样分配一个浏览按钮的组件:flow.assignBrowse(document.getElementById('browseButton'));我们可以像这样分配一个放置区域:flow.assignDrop(document.getElementById('dropTarget'));我们也可以像这样取消分配放置区域:flow.unAssignDrop(document.getElementById('dropTarget'));我的第一个问题是如何取消分配浏览按钮?我的第二个问题是如何(本地)知道浏览按钮是否已定义?我在文档中看不到任何相关信息。谢谢。

javascript - JS HTML5 拖放 : Custom Dock Effect Jumping Around in Chrome

情况:我正在使用HTML5拖放功能在我正在编写的游戏中放置图block。我想添加一种效果,让我要放置新block的两个block稍微分开,以指示这是您放置的位置(类似于MacOS停靠栏)。我的方法:我有一个flexbox,我要将这些图block放入其中。我写了一个函数,基本上返回正弦波的一个周期,我用它来更新掉落的方block的right:和top:CSS属性(方block是position:relative;)基于它们在拖动期间相对于鼠标的原始位置。//Updateoccupantstylefordesiredeffectoccupants.forEach(function(occu

javascript - 如何在 webpack 配置下拆分媒体查询?

因为我们可以像下面这样导入样式表:这将有助于通过仅加载满足media属性条件的css文件来更快地加载网站。MDN我没有找到可以拆分查询的webpack配置,或者至少让我手动指定哪个css条目应该加载到哪个媒体上。我唯一的解决方案是编写nodejs脚本并在构建时注入(inject)index.html但在我看来这不是一个干净的方法。那么有没有针对这种东西的webpack配置? 最佳答案 这更像是评论,但我相信有一个插件:https://github.com/SassNinja/media-query-pluginHaveyouever

javascript - Wordpress Gutenberg 媒体上传视频库

我想要在提供gallery时使用的媒体上传弹出窗口。属性为零件。与普通Mediaupload的不同之处在于,您会在左侧看到一个侧边栏,选择项目后,您会看到一个View,您可以在其中重新排序媒体,如下面第一张图片所示,而不是第二张显示代码的图片使用:m.mediaId)}render={({open})=>()}/>当我添加gallery属性时,allowedTypes将以某种方式被gallery属性覆盖,并且只有图像将显示在MediaUpload窗口中。第一张图,怎么样第二张图片,我需要的(但有图片+视频显示) 最佳答案 我认为这与

javascript - 为什么 HTML 5 音频会忽略移动设备的音频设置,例如静音或音量?

我有一个针对移动Android用户的网站。我正在使用HTML5音频播放背景音乐。即使设备处于静音状态,音频也会播放;无论设备音量设置如何,音频都会以最高音量播放。有谁知道为什么会发生这些事情或如何获取设备当前的音频设置?我更喜欢客户端(javascript)解决方案,但我对所有解决方案都持开放态度。谢谢你的帮助摩西S. 最佳答案 在Android中,即使手机处于静音状态,媒体音量也不会改变。我不确定android是否允许通过浏览器修改系统声音设置,因为默认浏览器没有更改/读取音量状态的权限。

javascript - AngularJS 指令 : template with scope value (ng-bind-html)

我有这样的指令:...template:function(element,attrs){varhtmlTemplate='\\';returnhtmlTemplate;},...(如你所见,我也在使用翻译插件)我有一个问题:在范围内这个值正在改变,但它在指令中没有改变(当我使用attrs-params时(当然,如果customDynamicText是静态字符串-一切正常)-但我有一个动态变量customDynamicText我如何在directivetemplate和ng-bind-html中使用这个动态变量。这可能吗? 最佳答案